<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js</title>
</head>
<body>
	
	<form action="javascript:">
		<p> 选择城市</p>
		<p> 
			<select id="sid">
				
				<option value="北京" order='1'>北京</option>
				<option value="上海" order='5'>上海</option>
				<option value="广州" order='20'>广州</option>

			</select>
		</p>
		<p> <input type="button" value='ok' id='btn'></p> <!-- button不提交表单 -->
	</form>
</body>

<script>
	btnObj=document.getElementById('btn');
	sidObj=document.getElementById('sid');
	btnObj.onclick=function(){

		idx=sidObj.selectedIndex; //selectedIndex下拉菜单被选中时的索引,从0开始
		//alert(idx);
		opts=sidObj.options;//options将所有option对象放到一个集合里边
		//alert(opts[idx].value); //获取value值
		alert('城市排名：'+opts[idx].getAttribute('order')); //获取order自定义属性的值
	}

</script>
</html>